<%--
  Created by IntelliJ IDEA.
  User: ch-hui
  Date: 15/12/20
  Time: 下午7:05
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/common/taglibs.jsp" %>
<html>
<head>
    <title>营养配方明细</title>
    <style>
        /*覆盖默认的样式*/
        .todo-completed {
            text-decoration: blink!important;
        }
    </style>
</head>
<body>

<%--<div class="row">--%>
    <%--<div class="col-lg-12">--%>
        <%--<div class="alert alert-warning alert-dismissable m-t">--%>
            <%--<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>--%>
            <%--- 本示例不提供图片上传功能，如果需要测试，请访问官网：<a href="http://www.fullavatareditor.com/demo.html" target="_blank">http://www.fullavatareditor.com/demo.html</a>--%>
            <%--<br>- 测试 <b>视频拍照</b> 功能时，请注意允许<code>flash</code>和<code>浏览器</code>使用摄像头，否则可能会无法拍照。--%>
        <%--</div>--%>
    <%--</div>--%>
<%--</div>--%>

<div class="row">

    <div class="col-lg-6">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>&nbsp;基本信息</h5>

                <div class="ibox-tools">
                    <a class="collapse-link">
                        <i class="fa fa-chevron-up"></i>
                    </a>
                    <a class="close-link">
                        <i class="fa fa-times"></i>
                    </a>
                </div>
            </div>
            <div class="ibox-content">
                <form class="form-horizontal m-t" id="nutritiveForm">

                    <div class="form-group">
                        <label class="col-sm-3 control-label text-navy">配方名称：</label>
                        <div class="col-sm-9">
                            <input id="needs_name" name="basic_name" value="${needs.basic_dto.name}" class="form-control" type="text">
                        </div>


                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label text-navy">使用对象：</label>
                        <div class="col-sm-9">
                            <input id="needs_use_object" name="needs_use_object" value="${needs.basic_dto.useObject}" class="form-control" type="text">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label text-navy">饲养阶段：</label>
                        <div class="col-sm-9">
                            <input id="needs_stage" name="needs_stage" value="${needs.basic_dto.stage}" class="form-control" type="text">
                        </div>
                    </div>



                    <div class="form-group">

                        <label class="col-sm-3 control-label text-navy">状&nbsp;&nbsp;态：</label>
                        <div class="col-sm-9">
                            <select class="form-control m-b" name="account">
                                <option>未使用</option>
                                <option>已使用</option>
                            </select>
                        </div>

                    </div>


                    <div class="form-group">
                        <label class="col-sm-6 control-label">鸡代谢能（Mcal/kg）%：</label>
                        <div class="col-sm-6">
                            <input id="needs_cmc" name="needs_cmc" value="" class="form-control" type="text">
                        </div>
                    </div>

                    <div class="form-group">

                        <label class="col-sm-6 control-label">鸡代谢能（MJ/kg）%：</label>

                        <div class="col-sm-6">
                            <input id="needs_cmj" name="needs_cmj" value="" class="form-control" type="text"
                                   aria-required="true" aria-invalid="false" class="valid">
                        </div>

                    </div>
                </form>
            </div>
        </div>
    </div>


    <div class="col-lg-6">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>&nbsp;常规成份</h5>
                <div class="ibox-tools">
                    <a class="collapse-link">
                        <i class="fa fa-chevron-up"></i>
                    </a>
                    <a class="close-link">
                        <i class="fa fa-times"></i>
                    </a>
                </div>
            </div>
            <div class="ibox-content">
                <form class="form-horizontal m-t" id="normalForm">
                    <div class="form-group">
                        <label class="col-lg-3 control-label">干物质%：</label>
                        <div class="col-lg-3">
                            <input id="needs_dm" name="needs_dm" value="" class="form-control" type="text"
                                   aria-required="true" aria-invalid="false" class="valid">
                        </div>

                        <label class="col-lg-3 control-label">粗蛋白%：</label>
                        <div class="col-lg-3">
                            <input id="needs_cp" name="needs_cp" value="" class="form-control" type="text">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-3 control-label">粗脂肪%：</label>
                        <div class="col-lg-3">
                            <input id="needs_ee" name="needs_ee" value="" class="form-control" type="text"
                                   aria-required="true" aria-invalid="true" class="error">
                        </div>

                        <label class="col-lg-3 control-label">粗纤维%：</label>
                        <div class="col-lg-3">
                            <input id="need_cf" name="need_cf" class="form-control" type="text" value="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-3 control-label">无氮浸出物%：</label>
                        <div class="col-lg-3">
                            <input id="needs_nfe" name="needs_nfe" class="form-control" type="text" value="">
                        </div>

                        <label class="col-lg-3 control-label">粗灰分%：</label>
                        <div class="col-lg-3">
                            <input id="needs_ash" name="needs_ash" class="form-control" type="text" value="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-3 control-label">中洗纤维%：</label>
                        <div class="col-lg-3">
                            <input id="needs_ndf" name="needs_ndf" class="form-control" type="text" value="">
                        </div>

                        <label class="col-lg-3 control-label">酸洗纤维%：</label>
                        <div class="col-lg-3">
                            <input id="needs_adf" name="needs_adf" class="form-control" type="text" value="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">淀粉%：</label>

                        <div class="col-sm-3">
                            <input id="starch_adf" name="starch_adf" class="form-control" type="text" value="">
                        </div>

                        <label class="col-sm-3 control-label">钙%：</label>

                        <div class="col-sm-3">
                            <input id="ca_adf" name="ca_adf" class="form-control" type="text" value="">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">总磷%：</label>

                        <div class="col-sm-3">
                            <input id="tp_adf" name="tp_adf" class="form-control" type="text" value="">
                        </div>

                        <label class="col-sm-3 control-label">有效磷%：</label>

                        <div class="col-sm-3">
                            <input id="vp_adf" name="vp_adf" class="form-control" type="text" value="">
                        </div>
                    </div>

                </form>
            </div>
        </div>
    </div>


</div>

<div class="row">

    <div class="col-lg-6">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>&nbsp;氨基酸含量</h5>

                <div class="ibox-tools">
                    <a class="collapse-link">
                        <i class="fa fa-chevron-up"></i>
                    </a>
                    <a class="close-link">
                        <i class="fa fa-times"></i>
                    </a>
                </div>
            </div>
            <div class="ibox-content">
                <form class="form-horizontal m-t" id="basicForm">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">精氨酸%：</label>

                        <div class="col-sm-3">
                            <input id="needs_arg" name="needs_arg" value="" class="form-control" type="text"
                                   aria-required="true" aria-invalid="false" class="valid">
                        </div>

                        <label class="col-sm-3 control-label">组氨酸%：</label>

                        <div class="col-sm-3">
                            <input id="needs_his" name="needs_his" value="" class="form-control" type="text">
                        </div>
                    </div>



                    <div class="form-group">
                        <label class="col-sm-3 control-label">异亮氨酸%：</label>

                        <div class="col-sm-3">
                            <input id="needs_ile" name="needs_ile" value="" class="form-control" type="text"
                                   aria-required="true" aria-invalid="true" class="error">
                        </div>

                        <label class="col-sm-3 control-label">亮氨酸%：</label>

                        <div class="col-sm-3">
                            <input name="needs_leu" class="form-control" type="text" value="">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">赖氨酸%：</label>

                        <div class="col-sm-3">
                            <input name="needs_lys" class="form-control" type="text" value="">
                        </div>

                        <label class="col-sm-3 control-label">蛋氨酸%：</label>

                        <div class="col-sm-3">
                            <input name="needs_met" class="form-control" type="text" value="">
                        </div>
                    </div>



                    <div class="form-group">
                        <label class="col-sm-3 control-label">胱氨酸%：</label>

                        <div class="col-sm-3">
                            <input name="needs_cys" class="form-control" type="text" value="">
                        </div>

                        <label class="col-sm-3 control-label">苯丙氨酸%：</label>

                        <div class="col-sm-3">
                            <input id="needs_phe" name="needs_phe" class="form-control" type="text" value="">
                        </div>
                    </div>



                    <div class="form-group">
                        <label class="col-sm-3 control-label">酪氨酸%：</label>

                        <div class="col-sm-3">
                            <input name="needs_tyr" class="form-control" type="text" value="">
                        </div>

                        <label class="col-sm-3 control-label">苏氨酸%：</label>

                        <div class="col-sm-3">
                            <input id="needs_thr" name="needs_thr" class="form-control" type="text" value="">
                        </div>
                    </div>


                    <div class="form-group">
                        <label class="col-sm-3 control-label">色氨酸%：</label>

                        <div class="col-sm-3">
                            <input name="needs_trp" class="form-control" type="text" value="">
                        </div>

                        <label class="col-sm-3 control-label">颉氨酸%：</label>

                        <div class="col-sm-3">
                            <input name="needs_val" class="form-control" type="text" value="">
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="col-lg-6">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>&nbsp;矿物质及维生素含量</h5>

                <div class="ibox-tools">
                    <a class="collapse-link">
                        <i class="fa fa-chevron-up"></i>
                    </a>
                    <a class="close-link">
                        <i class="fa fa-times"></i>
                    </a>
                </div>
            </div>
            <div class="ibox-content">
                <form class="form-horizontal m-t" id="vitaForm">

                    <div class="form-group">
                        <label class="col-sm-1 control-label">钠%：</label>
                        <div class="col-sm-3">
                            <input id="needs_na" name="needs_na" value="" class="form-control" type="text">
                        </div>

                        <label class="col-sm-1 control-label">氯%：</label>
                        <div class="col-sm-3">
                            <input id="needs_cl" name="needs_cl" value="" class="form-control" type="text"
                                   aria-required="true" aria-invalid="false" class="valid">
                        </div>

                        <label class="col-sm-1 control-label">镁%：</label>
                        <div class="col-sm-3">
                            <input id="needs_mg" name="needs_mg" value="" class="form-control" type="text"
                                   aria-required="true" aria-invalid="true" class="error">
                        </div>

                    </div>

                    <div class="form-group">

                        <label class="col-sm-1 control-label">钾%：</label>

                        <div class="col-sm-3">
                            <input id="needs_k" name="needs_k" class="form-control" type="text" value="">
                        </div>

                        <label class="col-sm-1 control-label">铁%：</label>

                        <div class="col-sm-3">
                            <input id="needs_fe" name="needs_fe" class="form-control" type="text" value="">
                        </div>

                        <label class="col-sm-1 control-label">铜%：</label>

                        <div class="col-sm-3">
                            <input id="needs_cu" name="needs_cu" class="form-control" type="text" value="">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-1 control-label">锰%：</label>

                        <div class="col-sm-3">
                            <input id="needs_mn" name="needs_mn" class="form-control" type="text" value="">
                        </div>

                        <label class="col-sm-1 control-label">锌%：</label>

                        <div class="col-sm-3">
                            <input id="needs_zn" name="needs_zn" class="form-control" type="text" value="">
                        </div>

                        <label class="col-sm-1 control-label">硒%：</label>

                        <div class="col-sm-3">
                            <input id="needs_se" name="needs_se" class="form-control" type="text" value="">
                        </div>
                    </div>



                    <div class="form-group">
                        <label class="col-sm-1 control-label">VE%：</label>

                        <div class="col-sm-3">
                            <input id="needs_ve" name="needs_ve" class="form-control" type="text" value="">
                        </div>

                        <label class="col-sm-1 control-label">VB1%：</label>

                        <div class="col-sm-3">
                            <input id="needs_vb1" name="needs_vb1" class="form-control" type="text" value="">
                        </div>

                        <label class="col-sm-1 control-label">VB2%：</label>

                        <div class="col-sm-3">
                            <input id="needs_vb2" name="needs_vb2" class="form-control" type="text" value="">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">泛酸%：</label>

                        <div class="col-sm-3">
                            <input id="needs_fansuan" name="needs_fansuan" class="form-control" type="text" value="">
                        </div>

                        <label class="col-sm-3 control-label">烟酸%：</label>

                        <div class="col-sm-3">
                            <input id="needs_yansuan" name="needs_yansuan" class="form-control" type="text" value="">
                        </div>
                    </div>



                    <div class="form-group">

                        <label class="col-sm-3 control-label">叶酸%：</label>

                        <div class="col-sm-3">
                            <input id="needs_yesuan" name="needs_yesuan" class="form-control" type="text" value="">
                        </div>


                        <label class="col-sm-3 control-label">胆碱%：</label>

                        <div class="col-sm-3">
                            <input id="needs_danjian" name="needs_danjian" class="form-control" type="text" value="">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">B6%：</label>

                        <div class="col-sm-3">
                            <input id="needs_b6" name="needs_b6" class="form-control" type="text" value="">
                        </div>

                        <label class="col-sm-3 control-label">B12%：</label>

                        <div class="col-sm-3">
                            <input id="needs_b12" name="needs_b12" class="form-control" type="text" value="">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">亚油酸%：</label>

                        <div class="col-sm-3">
                            <input id="needs_yayousuan" name="needs_yayousuan" class="form-control" type="text" value="">
                        </div>

                        <label class="col-sm-3 control-label">生物素%：</label>

                        <div class="col-sm-3">
                            <input id="needs_sws" name="needs_sws" class="form-control" type="text" value="">
                        </div>
                    </div>


                    <div class="form-group">
                        <label class="col-sm-3 control-label">胡萝卜素%：</label>

                        <div class="col-sm-3">
                            <input id="needs_carrots" name="needs_carrots" class="form-control" type="text" value="">
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>





</div>

<div class="row">
    <c:if test="${needs.basic_dto.id != null}">
        <div class="col-lg-4">
            <a class="btn btn-danger btn-rounded btn-block" data-toggle="modal" data-target="#myModal5"><i class="fa fa-file-powerpoint-o"></i> 生成配方单</a>
        </div>

        <div class="col-lg-4">
            <a class="btn btn-primary btn-rounded btn-block"><i class="fa fa-edit"></i> 保存</a>
        </div>

        <div class="col-lg-4">
            <a class="btn btn-primary btn-rounded btn-block" href="${BASE}/recipe/needs"><i class="fa fa-undo"></i> 返回</a>
        </div>
    </c:if>

    <c:if test="${needs.basic_dto.id == null}">
        <div class="col-lg-6">
            <a class="btn btn-primary btn-rounded btn-block"><i class="fa fa-edit"></i> 保存</a>
        </div>

        <div class="col-lg-6">
            <a class="btn btn-primary btn-rounded btn-block" href="${BASE}/recipe/needs"><i class="fa fa-undo"></i> 返回</a>
        </div>
    </c:if>
    <div>&nbsp;</div>
</div>

<!--选择原料窗口-->
<div class="modal inmodal fade" id="myModal5" tabindex="-1" role="dialog"  aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title">配方单原料</h4>
                <small class="font-bold">${needs.basic_dto.name}配方单的原料</small>
            </div>
            <div class="alert alert-warning alert-dismissable" style="display: none">
                <%--<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>--%>
                你没有选择以下任何一种原料，是否确认采用系统自动配方？ <a class="alert-link" href="notifications.html#">使用系统自动配方</a>.
            </div>
            <div class="modal-body">
                <div class="ibox-content" id="step_one">
                    <div class="row">
                        <div class="col-lg-4">
                            <ul class="todo-list m-t small-list ui-sortable">
                                <li>
                                    <a href="widgets.html#" class="check-link"><i class="fa fa-square-o"></i> </a>
                                    <span class="m-l-xs">玉米</span>
                                    <small class="label label-primary"><i class="fa fa-shopping-cart"></i> 100KG</small>
                                </li>
                                <li>
                                    <a href="widgets.html#" class="check-link"><i class="fa fa-square-o"></i> </a>
                                    <span class="m-l-xs">高粱</span>
                                    <small class="label label-primary"><i class="fa fa-shopping-cart"></i> 1小时</small>
                                </li>
                                <li>
                                    <a href="widgets.html#" class="check-link"><i class="fa fa-square-o"></i> </a>
                                    <span class="m-l-xs">小麦（含次粉）</span>
                                    <small class="label label-primary"><i class="fa fa-shopping-cart"></i> 1小时</small>
                                </li>
                                <li>
                                    <a href="widgets.html#" class="check-link"><i class="fa fa-square-o"></i> </a>
                                    <span class="m-l-xs">稻谷（含糙米、碎米）</span>
                                    <small class="label label-primary"><i class="fa fa-shopping-cart"></i> 1小时</small>
                                </li>
                                <li>
                                    <a href="widgets.html#" class="check-link"><i class="fa fa-square-o"></i> </a>
                                    <span class="m-l-xs">修改bug</span>
                                    <small class="label label-primary"><i class="fa fa-shopping-cart"></i> 1小时</small>
                                </li>
                            </ul>
                        </div>
                        <div class="col-lg-4">
                            <ul class="todo-list m-t small-list ui-sortable">
                                <li>
                                    <a href="widgets.html#" class="check-link"><i class="fa fa-square-o"></i> </a>
                                    <span class="m-l-xs">修改bug</span>
                                    <small class="label label-primary"><i class="fa fa-shopping-cart"></i> 100KG</small>
                                </li>
                                <li>
                                    <a href="widgets.html#" class="check-link"><i class="fa fa-square-o"></i> </a>
                                    <span class="m-l-xs">修改bug</span>
                                    <small class="label label-primary"><i class="fa fa-shopping-cart"></i> 1小时</small>
                                </li>
                                <li>
                                    <a href="widgets.html#" class="check-link"><i class="fa fa-square-o"></i> </a>
                                    <span class="m-l-xs">修改bug</span>
                                    <small class="label label-primary"><i class="fa fa-shopping-cart"></i> 1小时</small>
                                </li>
                                <li>
                                    <a href="widgets.html#" class="check-link"><i class="fa fa-square-o"></i> </a>
                                    <span class="m-l-xs">修改bug</span>
                                    <small class="label label-primary"><i class="fa fa-shopping-cart"></i> 1小时</small>
                                </li>
                                <li>
                                    <a href="widgets.html#" class="check-link"><i class="fa fa-square-o"></i> </a>
                                    <span class="m-l-xs">修改bug</span>
                                    <small class="label label-primary"><i class="fa fa-shopping-cart"></i> 1小时</small>
                                </li>
                            </ul>
                        </div>
                        <div class="col-lg-4">
                            <ul class="todo-list m-t small-list ui-sortable">
                                <li>
                                    <a href="widgets.html#" class="check-link"><i class="fa fa-square-o"></i> </a>
                                    <span class="m-l-xs">修改bug</span>
                                    <small class="label label-primary"><i class="fa fa-shopping-cart"></i> 100KG</small>
                                </li>
                                <li>
                                    <a href="widgets.html#" class="check-link"><i class="fa fa-square-o"></i> </a>
                                    <span class="m-l-xs">修改bug</span>
                                    <small class="label label-primary"><i class="fa fa-shopping-cart"></i> 1小时</small>
                                </li>
                                <li>
                                    <a href="widgets.html#" class="check-link"><i class="fa fa-square-o"></i> </a>
                                    <span class="m-l-xs">修改bug</span>
                                    <small class="label label-primary"><i class="fa fa-shopping-cart"></i> 1小时</small>
                                </li>
                                <li>
                                    <a href="widgets.html#" class="check-link"><i class="fa fa-square-o"></i> </a>
                                    <span class="m-l-xs">修改bug</span>
                                    <small class="label label-primary"><i class="fa fa-shopping-cart"></i> 1小时</small>
                                </li>
                                <li>
                                    <a href="widgets.html#" class="check-link"><i class="fa fa-square-o"></i> </a>
                                    <span class="m-l-xs">修改bug</span>
                                    <small class="label label-primary"><i class="fa fa-shopping-cart"></i> 1小时</small>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="ibox-content" id="step_two" style="display: none">
                    <div class="row">
                        <div class="col-md-1">#</div>
                        <div class="col-md-1">高粱1</div>
                        <div class="col-md-1">小麦</div>

                        <div class="col-md-1">玉米2</div>
                        <div class="col-md-1">高粱2</div>
                        <div class="col-md-1">小麦2</div>

                        <div class="col-md-1">玉米3</div>
                        <div class="col-md-1">高粱3</div>
                        <div class="col-md-1">小麦3</div>

                        <div class="col-md-1">玉米4</div>
                        <div class="col-md-1">高粱4</div>
                        <div class="col-md-1">小麦4</div>
                    </div>

                    <form class="form-horizontal m-t">

                    <div class="row">
                        <div class="col-md-1">下限</div>
                        <div class="col-md-1"><input type="text" class="form-control"/></div>
                        <div class="col-md-1"><input type="text" class="form-control"/></div>
                        <div class="col-md-1"><input type="text" class="form-control"/></div>

                        <div class="col-md-1"><input type="text" class="form-control"/></div>
                        <div class="col-md-1"><input type="text" class="form-control"/></div>
                        <div class="col-md-1"><input type="text" class="form-control"/></div>
                        <div class="col-md-1"><input type="text" class="form-control"/></div>

                        <div class="col-md-1"><input type="text" class="form-control"/></div>
                        <div class="col-md-1"><input type="text" class="form-control"/></div>
                        <div class="col-md-1"><input type="text" class="form-control"/></div>
                        <div class="col-md-1"><input type="text" class="form-control"/></div>
                    </div>
                    <!-- 分割线 -->
                    <div class="hr-line-dashed"></div>

                    <div class="row">
                        <div class="col-md-1">上限</div>
                        <div class="col-md-1"><input type="text" class="form-control"/></div>
                        <div class="col-md-1"><input type="text" class="form-control"/></div>
                        <div class="col-md-1"><input type="text" class="form-control"/></div>
                        <div class="col-md-1"><input type="text" class="form-control"/></div>
                        <div class="col-md-1"><input type="text" class="form-control"/></div>
                        <div class="col-md-1"><input type="text" class="form-control"/></div>
                        <div class="col-md-1"><input type="text" class="form-control"/></div>
                        <div class="col-md-1"><input type="text" class="form-control"/></div>
                        <div class="col-md-1"><input type="text" class="form-control"/></div>
                        <div class="col-md-1"><input type="text" class="form-control"/></div>
                        <div class="col-md-1"><input type="text" class="form-control"/></div>
                    </div>

                    </form>



                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">下一步</button>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="${BASE}/www/script/recipe/recipe_needs_form.js"></script>
</body>
</html>
